<template>
  <div class="app-footer">
    <div class="footer-content">
      <span>Copyright © 2025 chenjieyuan All Rights Reserved.</span>
      <span class="divider">|</span>
      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="beian-link">
        粤ICP备2025443059号-1
      </a>
    </div>
  </div>
</template>

<script setup>
// 底部备案号组件
</script>

<style lang="scss" scoped>
.app-footer {
  width: 100%;
  background-color: #f5f5f5;
  border-top: 1px solid #e4e7ed;
  padding: 16px 0;
  margin-top: auto;
  
  .footer-content {
    text-align: center;
    color: #909399;
    font-size: 12px;
    line-height: 20px;
    
    .divider {
      margin: 0 8px;
    }
    
    .beian-link {
      color: #909399;
      text-decoration: none;
      transition: color 0.3s;
      
      &:hover {
        color: #409eff;
        text-decoration: underline;
      }
    }
  }
}

// 深色主题适配
.dark .app-footer {
  background-color: #1d1e1f;
  border-top-color: #414243;
  
  .footer-content {
    color: #a3a6ad;
    
    .beian-link {
      color: #a3a6ad;
      
      &:hover {
        color: #409eff;
      }
    }
  }
}
</style>